<template>
  <view class="my">
     <view class="top">
     	<image src="@/static/image/yonghu.jpg" mode=""></image>
		<view class="center">
			<span>月月</span>
			<p>ID:4587</p>
		</view>
		<view class="right">
			<i class="iconfont" style="margin-right: 47rpx; font-size: 40rpx;">&#xe781;</i>
			<i class="iconfont" style="font-size: 40rpx;">&#xe600;</i>
		</view>
     </view>
	 <!-- 下边列表 -->
	 <view class="bottom">
	 	<view class="item">
	 		<i class="iconfont one" style="font-size: 40rpx;color:#666666;">&#xe82a;</i>
			<span>关注</span>
			<i class="iconfont" style="font-size: 40rpx;">&#xe635;</i>
	 	</view>
		<view class="item">
			<i class="iconfont one" style="font-size: 40rpx;color:#666666;">&#xe628;</i>
			<span>收藏</span>
			<i class="iconfont" style="font-size: 40rpx;">&#xe635;</i>
		</view>
		<view class="item">
			<i class="iconfont one" style="font-size: 40rpx;color:#666666;">&#xe6c5;</i>
			<span style="margin-right:420rpx ;">线下观展计划</span>
			<i class="iconfont" style="font-size: 40rpx;">&#xe635;</i>
		</view>
		<view class="item">
			<i class="iconfont one" style="font-size: 40rpx;color:#666666;font-weight:bold;">&#xe60b;</i>
			<span>预约</span>
			<i class="iconfont" style="font-size: 40rpx;">&#xe635;</i>
		</view>
		<view class="item" @click="goPosition">
			<i class="iconfont one" style="font-size: 40rpx;color:#666666;">&#xe64b;</i>
			<span>位置</span>
			<i class="iconfont" style="font-size: 40rpx;">&#xe635;</i>
		</view>
	 </view>
  </view>
</template>
<script>
export default {
  name: "",
  components: {},
  data() {
    return {};
  },
  created() {},
  methods: {
	  goPosition(){
		uni.navigateTo({
			url: 'position'
		});
	  }
  }
};
</script>
<style lang='less' scoped>
	.my{
		width: 100%;
		height: 100%;
		background: #F1F1F1;
		.top{
			display: flex;
			width: 750rpx;
			height: 160rpx;
			/* background: yellow; */
			align-items: center;
			background: #FFFFFF;
			image{
				width: 100rpx;
				height: 100rpx;
				margin-left: 29px;
				margin-right: 36rpx;
			}
			.center{
				margin-right: 312rpx;
			}
			.right{
				display: flex;
			}
		}
		.bottom{
			margin-top: 30rpx;
			background: #FFFFFF;
			.item{
				display: flex;
				align-items: center;
				width: 100%;
				height: 103rpx;
				/* background: yellowGreen; */
				border-bottom: 1px solid #EEEEEE;
				.iconfont.one{
					margin-left: 29rpx;
					margin-right:31rpx;
				}
				span{
					margin-right: 534rpx;
				}
			}
		}
		span{
			font-size: 32rpx;
			color:rgba(51,51,51,1);
		}
	}
</style>